<script setup>
import Aside from "@/components/Aside.vue";
</script>

<template>
  <div>
    <el-container>
      <el-header>
        <h2>后台管理系统</h2>
      </el-header>
      <el-container>

        <el-aside width="200px" class="menu">
          <!-- 侧边栏：引入自定义菜单 -->
          <Aside/>
        </el-aside>

        <el-main>
          <!-- 路由占位符 -->
          <router-view/>
        </el-main>

      </el-container>
    </el-container>
  </div>
</template>

<style scoped>
*{
  padding: 0;
  margin: 0;
}
.container{
  margin:auto;
  width: 800px;
  height: 600px;
}
.menu {
  height: 88vh;
}
h2 {
  background-color: #82b5f6;
  color: white;
  margin: 0;
}
</style>